<template>
  <select-com @selectRes="selectRes" :types="types"></select-com>
</template>
<script>
import selectCom from "@/components/selectCom.vue";
export default {
  data() {
    return {
      types: [
        {
          paramsName: "type",
          title: "题材",
          tpls: [
            "推理",
            "情感",
            "校园",
            "恐怖",
            "欢乐",
            "阵营",
            "玄幻",
            "武侠",
            "",
          ],
          curTp: "",
          curTitle: "题材不限",
          dropdown: false,
        },
        {
          paramsName: "background",
          title: "背景",
          tpls: ["古风", "现代", "科幻", "民国", "欧式", "日式", ""],
          curTp: "",
          dropdown: false,
          curTitle: "背景不限",
        },
        {
          paramsName: "peopleNum",
          title: "人数",
          tpls: ["≤3人", "4人", "5人", "6人", "7人", "8人", "9人", "≥10人", ""],
          curTp: "",
          dropdown: false,
          curTitle: "人数不限",
        },
        {
          paramsName: "bookTime",
          title: "时长",
          tpls: [
            "1小时以下",
            "1-2小时",
            "2-3小时",
            "3-4小时",
            "4-5小时",
            "5-6小时",
            "6小时以上",
            "",
          ],
          curTp: "",
          dropdown: false,
          curTitle: "时长不限",
        },
        {
          paramsName: "hard",
          title: "难度",
          tpls: ["新手", "进阶", "硬核", "烧脑", ""],
          curTp: "",
          dropdown: false,
          curTitle: "难度不限",
        },
      ],
    };
  },
  components: {
    selectCom,
  },
  updated() {},
  methods: {
    selectRes(data) {
      console.log(data);
      this.$store.state.typeObj = data;
      this.$store.dispatch("setTypeObj", data);
    },
  },
};
</script>
